import React from 'react'

class Identify extends React.Component {

    render() {
        return (<div className="view-product">
            <div className="indentify clearfix">
                <div className="manage-head">
                    <h6 className="padding-left manage-head-con text-sub">认证类型</h6>
                </div>
                <div className="indentify-class padding-lr clearfix">
                    <p className="margin-big-tb text-sub text-default">
                        请选择认证类型，个人认证后续可升级为企业认证，企业认证一旦认证成功，无法变更为个人认证
                    </p>
                    <ul className="class-content clearfix">
                        <li className="fl margin-large-35">
                            <a className="class-detail fl " href="#">
                                <div className="class-detail-top">
                                    <div className="text-center indentify-icon">
                                        <img src="Images/identify_personal.png"/>
                                    </div>
                                    <h3 className="text-center">个人认证</h3>
                                    <p className="margin-tb padding-bottom text-justify info">
                                        用于个人或个体经营户认证，认证通过可获得短信模板自定义及认证用户特权
                                    </p>
                                    <ul className="class-detail-has margin-top text-lh-big">
                                        <li>
                                            <span className="text-black-gray">自定义短信条数</span>
                                            <span className="fr text-gray-white">5条</span>
                                        </li>
                                        <li>
                                            <span className="text-black-gray">云市场认证优惠</span>
                                            <span className="fr text-gray-white">有</span>
                                        </li>
                                        <li>
                                            <span className="text-black-gray">个人认证勋章</span>
                                            <span className="fr text-gray-white">有</span>
                                        </li>
                                    </ul>
                                </div>
                                <p className="continue text-big">
                                    选择并继续使用
                                </p>
                            </a>
                        </li>
                        <li className="fl margin-large-35">
                            <a className="class-detail fl " href="#">
                                <div className="class-detail-top">
                                    <div className="text-center indentify-icon">
                                        <img src="Images/identify_enterprise.png"/>
                                    </div>
                                    <h3 className="text-center">企业认证</h3>
                                    <p className="margin-tb padding-bottom text-justify info">
                                        用于企事业单位认证，认证通过可获得短信模板自定义及认证用户特权
                                    </p>
                                    <ul className="class-detail-has margin-top text-lh-big">
                                        <li>
                                            <span className="text-black-gray">自定义短信条数</span>
                                            <span className="fr text-gray-white">10条</span>
                                        </li>
                                        <li>
                                            <span className="text-black-gray">云市场认证优惠</span>
                                            <span className="fr text-gray-white">有</span>
                                        </li>
                                        <li>
                                            <span className="text-black-gray">企业认证勋章</span>
                                            <span className="fr text-gray-white">有</span>
                                        </li>
                                        <li>
                                            <span className="text-black-gray">免费400电话(含800元话费)</span>
                                            <span className="fr text-gray-white">有</span>
                                        </li>
                                    </ul>
                                </div>
                                <p className="continue text-big">
                                    选择并继续使用
                                </p>
                            </a>
                        </li>
                        <li className="fl ">
                            <a className="class-detail fl disabled" href="#">
                                <div className="class-detail-top">
                                    <div className="text-center indentify-icon">
                                        <img src="Images/identify_developer.png"/>
                                    </div>
                                    <h3 className="text-center">服务商认证</h3>
                                    <p className="margin-tb padding-bottom text-justify info">
                                        服务商认证需先通过个人或企业认证，认证服务商可以入驻云市场，通过某某云市场销售获得报酬
                                    </p>
                                    <ul className="class-detail-has margin-top text-lh-big">
                                        <li>
                                            <span className="text-black-gray">服务商认证勋章</span>
                                            <span className="fr text-gray-white">有</span>
                                        </li>
                                        <li>
                                            <span className="text-black-gray">云市场插件销售</span>
                                            <span className="fr text-gray-white">有</span>
                                        </li>
                                        <li>
                                            <span className="text-black-gray">云市场模板销售</span>
                                            <span className="fr text-gray-white">有</span>
                                        </li>
                                        <li>
                                            <span className="text-black-gray">云市场模块销售</span>
                                            <span className="fr text-gray-white">有</span>
                                        </li>
                                    </ul>
                                </div>
                                <p className="continue text-big">
                                    即将推出
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>)
    }
}

export default Identify